﻿@model ILN.MVC.Datetimepicker.Models.DatetimepickerViewModel

@using ILN.MVC.Datetimepicker

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />

    <title>Demo</title>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-ss-10 col-sm-offset-2">
                @Html.LabelFor(m => m.Date)
                @Html.DateTimeFor(m => m.Date, new DatetimepickerOptions
           {
               collapse = false,
               keepInvalid = true,
           })
            </div>
        </div>
        <div class="row">
            <div class="col-ss-10 col-sm-offset-2">
                @Html.LabelFor(m => m.DateTime)
                @Html.DateTimeFor(m => m.DateTime)
            </div>
        </div>
        <div class="row">
            <div class="col-ss-10 col-sm-offset-2">
                @Html.LabelFor(m => m.DateTimeNull)
                @Html.DateTimeFor(m => m.DateTimeNull)
            </div>
        </div>
    </div>

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/modernizr-2.6.2.js"></script>
    <script src="~/Scripts/moment.min.js"></script>
    <script src="~/Scripts/bootstrap-datetimepicker.min.js"></script>
    <script src="~/www/scripts/iln/datetimepicker.js"></script>

</body>
</html>
